import React, { Component } from 'react'
import './index.less'
import { Row, Col } from 'antd'
import LinkCard from './link-card'

export default class Link extends Component {
  render() {
    const linkArray = [
      {
        name: 'OA系统',
        url: 'https://sso.phicomm.com'
      },
      {
        name: 'Outlook',
        url: 'https://mail.phicomm.com'
      },
      {
        name: '掌上学院',
        url: 'https://www.study2win.net/pc/#/login'
      },
      {
        name: 'PhiTeam',
        url: 'https://team.phicomm.com'
      },
      {
        name: 'Mantis',
        url: 'http://172.30.20.199/mantis/'
      },
      {
        name: 'Testlink',
        url: 'http://172.30.20.198:82/testlink/'
      },
      {
        name: 'Redmine',
        url: 'http://172.30.20.198:8080'
      },
      {
        name: 'Gerrit',
        url: 'http://172.30.115.200'
      },
    ];
    return (
      <section>
        <Row>
          <Col span={6}>
            <LinkCard data={linkArray[0]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[1]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[2]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[3]}></LinkCard>
          </Col>
        </Row>
        <Row>
          <Col span={6}>
            <LinkCard data={linkArray[4]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[5]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[6]}></LinkCard>
          </Col>
          <Col span={6}>
            <LinkCard data={linkArray[7]}></LinkCard>
          </Col>
        </Row>
      </section>
    )
  }
}
